<template>
  <el-container style="margin: 20px 40px;background: #fff;width:1200px;margin:20px auto">
    <el-aside width="200px" style="background-color: rgb(238, 241, 246)" class="containerLive">
      <el-menu @select="handleOpen" :default-active="footerIndex">
          <div class="tits">
            店掌柜
          </div>
          <el-menu-item-group>
            <el-menu-item index="/companyInfo">公司介绍</el-menu-item>
           <!-- <el-menu-item index="/problem">常见问题</el-menu-item>
            <el-menu-item index="/important">重要提示</el-menu-item>-->
            <el-menu-item index="/userAgreement">战略伙伴</el-menu-item>
            <el-menu-item index="/contactUs">联系我们</el-menu-item>
            <el-menu-item index="/joinUs">加入我们</el-menu-item>
          </el-menu-item-group>
      </el-menu>
    </el-aside>

    <el-container>
      <el-main class="el-main">
        <router-view />
      </el-main>
    </el-container>
  </el-container>
</template>

<script>
export default {
  data() {
    return {
    };
  },
  computed:{
      footerIndex(){
          return this.$store.state.footerIndex
      }
  },
  created() {
  },
  mounted() {
    this.$store.state.footerIndex = "/" + this.$route.name;
  },
  methods: {
    handleOpen(key) {
      this.$router.push(key);
    },
  }
};
</script>
<style scoped lang="less">
.tits{
    color: #e22222;
    font-size: 24px;
    padding:20px 0;
}
.el-menu-item{
    font-size: 16px;
}
</style>
